<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2019/9/29
  Time: 9:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<div>
    <ul class="pagination pull-right">
        <li><a href="javascript:goPage(1)">首页</a></li>

        <c:if test="${pageInfo.pageNum>1}">
            <li><a href="javascript:goPage(${pageInfo.pageNum-1})">&laquo;</a></li>
        </c:if>
        <%--不让点击--%>
        <c:if test="${pageInfo.pageNum<=1}">
            <li class="disabled"><a>&laquo;</a></li>
        </c:if>

        <%--循环标签  显示五个
        思路 -  起使值 - 从当前页高亮显示--%>
        <%--正常情况--%>
        <c:if test="${pageInfo.pageNum+4<pageInfo.pages}">
            <c:set var="startPage" value="${pageInfo.pageNum}"></c:set>
        </c:if>
        <%--尾部时候,起使页不变--%>
        <c:if test="${pageInfo.pageNum+4>=pageInfo.pages}">
            <c:set var="startPage" value="${pageInfo.pages-4}"></c:set>
        </c:if>

        <c:forEach begin="${startPage<=0?1:startPage}" end="${startPage+4}" var="n">
            <%--判断当前页是否高亮显示--%>
            <li <c:if test="${pageInfo.pageNum == n}">class='active'</c:if>> <a href="javascript:goPage(${n})">${n}</a></li>

        </c:forEach>

        <%--下一页--%>
        <c:if test="${pageInfo.pageNum<pageInfo.pages}">
            <li><a href="javascript:goPage(${pageInfo.pageNum+1})">&raquo;</a></li>
        </c:if>
        <c:if test="${pageInfo.pageNum>=pageInfo.pages}">
            <li class="disabled"><a>&raquo;</a></li>
        </c:if>

        <li><a href="javascript:goPage(${pageInfo.pages})">尾页</a></li>

        <li><a href="#">当前页${pageInfo.pageNum}/${pageInfo.pages}总页</a></li>

    </ul></div>
<script>

    //下一页
    function goPage(pageNum){

        //获取文本框内容

        var order_status = document.getElementById("bookOrder").value;
        var orders = document.getElementById("Orders").value;
        //发送到后台
//         window.location='/uyou/person-center?pageNum='+pageNum;
        if(orders == null){
            $("#content").load("${path}/person-center",{pageNum:pageNum});
        }else {
            $("#content").load("${path}/person-center",{order_status:order_status,pageNum:pageNum});
        }


    }

</script>
</body>
</html>
